<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="ie lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="ie lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html> <![endif]-->
<!--[if !IE]><!--><html lang="en"><!-- <![endif]-->
<head>
	<title>Happy Birthday</title>
	<meta charset="UTF-8" />
	<meta name="description" content="Happy Birthday Xola">
	<meta name="robots" content="index, follow" />
    <meta name="keywords" content="Birthday, Happy">
    <!-- Strat of Facebook Meta -->
    <meta property="og:type" content="E-Greeting" />
    <meta property="og:image" content="favicon.ico" />
    <meta property="og:description" content="Wish you a very Happy Birthday">
    <!-- End of Facebook Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
	<link rel="stylesheet" href="./bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="stylesheet.css">
	<link rel="stylesheet" type="text/css" href="loading.css">
	<link href='./css.css' rel='stylesheet' type='text/css'>
	<!-- <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> -->
	<link rel="stylesheet/less" href="cake.less">
	<script src="./less.min.js"></script>
</head>

<body>
	<div class="loading"></div>
	<audio class="song" controls loop>
        <source src="hbd.mp3"></source>
		你的浏览器没有被邀请进行超级有趣的音频时间。
    </audio>
    <div class="balloons text-center" id="b1">
    	<h2 style="color:#F2B300;">大</h2>
    </div>
    <div class="balloons text-center" id="b2">
    	<h2 style="color:#0719D4;">宝</h2></h2>
    </div>
	<div class="balloons text-center" id="b3">
    	<h2 style="color:#D14D39;">贝</h2>
    </div>
	<div class="balloons text-center" id="b4">
    	<h2 style="color:#8FAD00;">生</h2>
    </div>
	<div class="balloons text-center" id="b5">
    	<h2 style="color:#8377E4;">日</h2>
    </div>
    <div class="balloons text-center" id="b6">
    	<h2 style="color:#99C96A;">快</h2>
    </div>
    <div class="balloons text-center" id="b7">
    	<h2 style="color:#20CFB4;">乐</h2>
    </div>

    <img src="Balloon-Border.png" width="100%" class="balloon-border">
 

	<div class="container">
		
		<div class="row">
			<div class="col-md-2 col-xs-2 bulb-holder">
				<div class="bulb" id="bulb_yellow"></div>
			</div>
			<div class="col-md-2 col-xs-2 bulb-holder">
				<div class="bulb" id="bulb_red"></div>
			</div>
			<div class="col-md-2 col-xs-2 bulb-holder">
				<div class="bulb" id="bulb_blue"></div>
			</div>
			<div class="col-md-2 col-xs-2 bulb-holder">
				<div class="bulb" id="bulb_green"></div>
			</div>
			<div class="col-md-2 col-xs-2 bulb-holder">
				<div class="bulb" id="bulb_pink"></div>
			</div>
			<div class="col-md-2 col-xs-2 bulb-holder">
				<div class="bulb" id="bulb_orange"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 text-center">
				<img src="banner.png" class="bannar">
			</div>
		</div>
		<div class="row cake-cover">
			<div class="col-md-12 texr-center">
				<div class="cake">
				  <div class="velas">
				    <div class="fuego"></div>
				    <div class="fuego"></div>
				    <div class="fuego"></div>
				    <div class="fuego"></div>
				    <div class="fuego"></div>
				  </div>
				  <div class="cobertura"></div>
				  <div class="bizcocho"></div>
				</div>
			</div>
		</div>
		<div class="row message">
			<div class="col-md-12">
				<p>今天是……</p>
				<p>结束了一周辛苦的工作，可以放松的日子</p>
				<p>并且</p>
				<p>今天还是圣诞节</p>
				<p>老婆圣诞节快乐</p>
				<p><strong>但是</strong></p>
				<p>不仅仅是圣诞节哦</p>
				<p>是一个对于我</p>
				<p>对于老婆来说，一个非常非常的特殊日子</p>
				<p>为什么这么说呢</p>
				<p>我们一起往下看.</p>
				<p>是28年前</p></p>
				<p>我老婆诞生与今天</p>
				<p>在你来到我的怀抱的时候</p>
				<p>你是安静，自由的生活</p></p>
				<p>但是，被我的到来,给打破了</p>
				<p>我，没有做好老公的本分</p>
				<p>没做到对老婆的爱护</p>
				<p>没做到对老婆的珍惜</p>
				<p>让老婆内心受到了很大很大的打击</p>
				<p>老公，在此跟你说声，对不起</p></p>
				<p>老公没做好，让你受伤了</p>
				<p>让你失去了许多不该失去的东西</p>
				<p>老公在今天</p>
				<p>在你的诞生的日子</p>
				<p>跟你说</p>
				<p>老公，永远爱你</p>
				<p>老公，永远对你好</p>
				<p>珍惜你</p>
				<p>爱你</p>
				<p>保护你</p>
				<p>-----🎄🎄🎄🎄🎄🎄-----</p>
				<p>你的生日与圣诞节重合在一起</p>
				<p>不是耦合，而是一个非常有意义的日子</p>
				<p>寓意着...</p>
				<p>从今天开始，抛开以前所有的烦恼</p>
				<p>开开心心的迎接每一天</p>
				<p>做自己想做的事</p>
				<p>不管你做什么</p>
				<p>老公都会支持的</p>
				<p>用你美丽</p>
				<p>甜蜜的笑容</p>
				<p>迎接每一天</p>
				<p>最后，老公祝愿我家的大宝贝</p>
				<p>生日快乐</p>
				<p>幸福健康</p>
				<p></p>
			</div>
		</div>
		<div class="navbar navbar-fixed-bottom">
			<div class="row">
				<!-- <video preload id="video" controls="controls" src="./video.mov"></video> -->
				<div class="col-md-6 text-center col-md-offset-3">
					<button class="btn btn-primary" id="turn_on">灯光师，请开灯</button>
					<button class="btn btn-primary" id="play">音乐老师，Music</button>
					<button class="btn btn-primary" id="bannar_coming">装饰师，开始装饰</button>
					<button class="btn btn-primary" id="balloons_flying">氛围师，开始啦</button>
					<button class="btn btn-primary" id="cake_fadein">有史以来最美味的蛋糕</button>
					<button class="btn btn-primary" id="light_candle"> 光的蜡烛</button>
					<button class="btn btn-primary" id="wish_message">生日快乐</button>
					<button class="btn btn-primary" id="story">老婆，请耐心观看</button>
				</div>
			</div>
		</div>


	</div>
</body>
<script src="./jquery.min.js"></script>
<script src="./bootstrap.min.js"></script>
<script src="effect.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','./analytics.js','ga');

  ga('create', 'UA-58229732-1', 'auto');
  ga('send', 'pageview');

</script>
</html>
